<template>
	<div class="container-fluid">
		<div class="row">
				<div class="navbox">
					<img class="navbg" src="images/navbg.jpg" id="index" />
					<div class="navcontent">

						<div class="navleft">
							<img class="logo" src="images/logo.png" />
						</div>

						<div class="navright" id="index">
							<div>
								<a href="#index">网站首页</a>
							</div>
							<div>
								<a href="#product">产品服务</a>
							</div>
							<div>
								<a href="#slove">解决方案</a>
							</div>
							<div>
								<a href="#teamwork">合作流程</a>
							</div>
							<div>
								<a href="#aboutour">关于我们</a>
							</div>
							<div>
								<a href="#contactour">联系方式</a>
							</div>
						</div>

						<div class="clear">

						</div>
					</div>
				</div>
			</div>
	</div>
</template>

<script>
	
</script>


<style>
	* {
	margin: 0;
	padding: 0;
	/*list-style: none;*/
}

html,
body {
	height: 100%;
	width: 100%;
	letter-spacing: 1px;
	 -webkit-font-smoothing: subpixel-antialiased;
	 -moz-osx-font-smoothing: auto; 
}
p{
	font-size: 15px;

}
.clear{
	clear: both;
}
.navbox{
	width: 100%;
}
.navbox .navbg{
	width: 100%;
	height: auto;
}

.navcontent{
	position: absolute;
	top: 0;
	width: 100%;
	height: 6rem;
	background: #313982;
	opacity: 0.8;
}
.navleft{
	float: left;
	width: 40%;
	margin-top: 0.5rem;

}
.navleft .logo{
	width: 5rem;
	height: 5rem;
	margin-left: 64%;
}
.navright{
	width: 58%;
	float: left;
	display: flex;
	flex-direction: row;
}
.navright div {
	width: 8rem;
	line-height: 6rem;
	
}
.navright div a{
	color: #fff;
	font-size:16px;
	display: block;
	width: 18rem;
	text-decoration: none;
}
.navright div a:hover{
	text-decoration: underline
}
</style>